<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<link rel="shortcut icon" href="favicon.ico" /> <title>Sistema Agropecuario</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<p:dock position="top" id="dock_menu" itemWidth="75" >
    <p:menuitem value="Inicio"  icon="/images/casa_final.jpg" url="index.jsf"/>
    <p:menuitem value="Ventas"  icon="/images/ventas_final.jpg" url="ventas.jsf"/>
    <p:menuitem value="Compras" icon="/images/compras_final.jpg" url="compras.jsf"/>
    <p:menuitem value="Almac&eacute;n"  icon="/images/almacen_final.jpg" url="almacen.jsf"/>
    <p:menuitem value="Finanzas"  icon="/images/finanzas_final.jpg" url="finanzas.jsf"/>

</p:dock>
</h:head>
<h:body>
<div class="main">
  <div class="header">
    <div class="logo">
       </div>
    <div class="menu">

    </div>
  </div>
  <div class="clr"></div>
  <div class="block_header">
    <div class="slider">
    <p:growl id="growl" showDetail="true"/>
    <p:panel header="M&oacute;dulo de Almac&eacute;n" >
        <h:form id="frmAlmacen" >


<h:panelGrid id="pnl1" columns="1">
<center>
    <p:dataTable  style="width:100%" paginator="true" rows="10"   var="item" value="#{managedBeanStock.listaTotales}" widgetVar="carsTable"
                  selection="#{managedBeanStock.stockPrendaTiendaOrigen}"  selectionMode="single"
                  emptyMessage="No se Encontraron datos"
                  >

         <f:facet name="header">
             Seleccione una Opci&oacute;n de Filtrado
        </f:facet>

                    <p:column style="width:250px" filterBy="#{item.tienda.nombreTienda}"
                headerText="Tienda"
                filterMatchMode="contains">
            <h:outputText value="#{item.tienda.nombreTienda}" />
        </p:column>

                    <p:column style="width:270px" filterBy="#{item.prenda.nombrePrenda}"
                headerText="Producto"
                filterMatchMode="contains">
            <h:outputText value="#{item.prenda.nombrePrenda}" />
        </p:column >


        <p:column headerText="VENCE" style="width:100px;">
                  
                    <h:outputText value="#{item.ultimaFechaIngreso}" style="font-size: 15px;" >
 <f:convertDateTime pattern="dd/MM/yyyy"   />
</h:outputText>
                </p:column>
        
        <p:column headerText="Cantidad" style="width:80px;">
            <center> <h:outputText  value="#{item.cantidad}" /> </center>
        </p:column>

         <p:column style="width:95px;"
                headerText="op.">

            
<p:commandButton value="Ver" image="ui-icon ui-icon-search"
                              update="frmAlmacen:display " oncomplete="carDialog.show()" />

        </p:column >

    </p:dataTable>
                </center>
            </h:panelGrid>

      <p:dialog header="PRODUCTO SELECCIONADO" widgetVar="carDialog" resizable="false"
              width="450" showEffect="clip" hideEffect="fold">

        <h:panelGrid id="display" columns="2" cellpadding="4">

            <h:outputText value="NOMBRE : " style="font-size: 15px;" />
             <h:outputText value="#{managedBeanStock.stockPrendaTiendaOrigen.prenda.nombrePrenda}" style="font-size: 15px;" />

<h:outputText value="TIPO : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanStock.stockPrendaTiendaOrigen.prenda.tipoPrenda.nombreTipoPrenda}" style="font-size: 15px;" />

<h:outputText value="ALMACEN : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanStock.stockPrendaTiendaOrigen.tienda.nombreTienda}" style="font-size: 15px;" />

<h:outputText value="STOCK : " style="font-size: 15px;" />
<h:outputText value="#{managedBeanStock.stockPrendaTiendaOrigen.cantidad}" style="font-size: 15px;" />

<h:outputText value="FECHA VENCIMIENTO: " style="font-size: 15px;" />
<h:outputText value="#{managedBeanStock.stockPrendaTiendaOrigen.ultimaFechaIngreso}" style="font-size: 15px;" >
 <f:convertDateTime pattern="dd MMMM  yyyy"   />
</h:outputText>

<h:outputText value="PRECIO: " style="font-size: 15px;" />
<h:outputText value="#{managedBeanStock.stockPrendaTiendaOrigen.prenda.precioProducto.precioProducto}" style="font-size: 15px;" />

<h:outputText value="Descripción: " style="font-size: 15px;" />
<h:outputText value="#{managedBeanStock.stockPrendaTiendaOrigen.descripcion}" style="font-size: 15px;" />



        </h:panelGrid>
    </p:dialog>
</h:form>
    </p:panel>
    </div>
  </div>
  <div class="clr"></div>

  <div class="clr"></div>

  <div class="clr"></div>
</div>
</h:body>
</html>
